function drawComplexPath( context )
{
    context.beginPath();
    context.moveTo( 100, 15 );
    context.bezierCurveTo( 50, 100, 170, 20, 190, 15 );
    context.moveTo( 100, 15 );
    context.quadraticCurveTo(100, 100, 250, 15 );
    context.stroke();
}

window.onload = function()
{
    var canvas  = document.getElementById( 'canvas' ),
        context = canvas.getContext( '2d' );
    
    if ( !context )
    {
        return;
    }
    
    drawComplexPath( context );
}